<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>装箱单</title>
    <!--<link href="http://localhost:8999/css/index.css" rel="stylesheet" type="text/css"/>-->
    <style>
        @page {
            size: 210mm 297mm; /*设置纸张大小:A4(210mm 297mm)、A3(297mm 420mm) 横向则反过来*/
            margin: 0.25in;
            padding: 1em;
            @bottom-center{
                content:"@linkhub 版权所有";
                font-family: SimSun;
                font-size: 12px;
                color:#000;
            };
            @top-center { content: element(header) };
            @bottom-right{
                content:"第" counter(page) "页  共 " counter(pages) "页";
                font-family: SimSun;
                font-size: 12px;
                color:#000;
            };
        }
        td img{
            width: 25px;
            height: 25px;

        }
    </style>
</head>
<body style="font-family: 'SimSun'">
    <div style="overflow:hidden;margin-top: 25px;">
        <img src="https://shipo-erp.oss-us-east-1.aliyuncs.com/local_product/1777249302780051456/c90b7156f5bb4fd8b208fb7711ef2410/market.png?x-oss-process=image/resize,l_100" width="50" height="50"  style="float:left;"/>
        <div style="float:right;">
            <div >订单号：12343434</div>
            <div style="margin-top: 10px;">2024年7月6日 12:00</div>
        </div>
    </div>
    <hr style="margin-top: 25px;">
    <div>
        <table style="width:100%;">
            <tr>
                <th style="width:10%;">ITEMS</th>
                <th style="width:80%;"></th>
                <th style="width:10%;">QUANTITY</th>
            </tr>
            <tr>
                <td style="text-align:center"><img src="" /></td>
                <td>商品1</td>
                <td style="text-align:center">2</td>
            </tr>
            <tr>
                <td style="text-align:center"><img src=""/></td>
                <td>商品12</td>
                <td style="text-align:center">2</td>
            </tr>

        </table>
    </div>
    <hr/>
    <div style="width: 100%;text-align: center;margin-top: 50px;">Thank you for shopping with us!</div>
    <div style="width: 100%;text-align: center;margin-top: 30px;">商店名称</div>
</body>
</html>